<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/2/23 0023
  Time: 14:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
  <title>lyh的小博客网站</title>

  <link rel="stylesheet" href="css/informationCss.css" type="text/css" />

  <script>
    window.onload=function(){
      var xxk = document.getElementById("xxk");
      var tcbc = document.getElementsByClassName("tcbc");

      for(var i=0;i<xxk.children.length;i++){
        xxk.children[i].index=i;
        xxk.children[i].onclick=function(){
          for(var i=0;i<xxk.children.length;i++){
            xxk.children[i].className='';
            tcbc[0].children[i].style.display='none';
          }
          this.className='on';
          tcbc[0].children[this.index].style.display='block';
        }
      }
    };
  </script>
</head>
<body>

<div id="allNav">
  <div class="nav">
    <ul>
      <li><a href="###">首页</a></li>
      <li><a href="###">新闻</a></li>
      <li><a href="###">招聘</a></li>
      <li><a href="###">知识库</a></li>
    </ul>
  </div>
</div>
<div id="allBanner">
  <div class="banner">
    <div class="bLeft">
      <ul>
        <li><a href="###">园子</a></li>
        <li><a href="###">关注</a></li>
        <li><a href="###">粉丝</a></li>
        <li><a href="###">消息</a></li>
      </ul>
      <div class="topic">
        <p>欢迎您，${user}</p>
      </div>
    </div>
    <div class="bRight">
      <p>博客园</p>
      <div class="bLogin">
        <p><a href="###">${user}</a> · <a href="privateIndex.jsp">我的博客</a> · <a href="###">设置</a> · <a href="User.jsp">退出</a></p>
      </div>

    </div>

  </div>
</div>
<div id="allTheme">
  <div id="theme">
    <div class="tl">
      <div class="tll">
        <ul>
          <li><a href="##">闪存</a></li>
          <li><a href="##">博客</a></li>
          <li><a href="##">博问</a></li>
          <li><a href="##">新闻</a></li>
          <li><a href="##">收藏</a></li>
          <li><a href="##">文库</a></li>
        </ul>
      </div>
      <div class="tlr">
        <ul>
          <li><a href="##">写博</a></li>
          <li><a href="##">发言</a></li>
          <li><a href="##">提问</a></li>
          <li><a href="##">添加</a></li>

        </ul>
      </div>
    </div>
    <div class="tc">
      <div class="tcb">
        <ul id="xxk">
          <li >上传头像</li>
          <li>账户设置</li>
          <li class="on">基本资料</li>
          <li>个人信息</li>
          <li>联系方式</li>
        </ul>
      </div>
      <div class="tcbc">
        <div class="tcbc1">
          1
        </div>
        <div class="tcbc2">
          2
        </div>
        <div class="tcbc3">
          <form method="POST" action="/info/add">
            <div class="name">
              <div class="th">姓名：</div>
              <div class="td">
                <input type="text" name="infoName" class="tt"/>
                <div class=""></div>
              </div>
            </div>
            <div class="sex">
              <div class="th">性别：</div>
              <div class="td">
                <input type="radio" value="男" name="infoSex" />男
                <input type="radio" value="女" name="infoSex" />女
                <div class=""></div>
              </div>
            </div>
            <div class="year">
              <div class="th">出生日期：</div>
              <div class="td">
                <input type="text" name="year" class="tt"/>年
                <input type="text" name="month" class="tt"/>月
                <input type="text" name="day" class="tt"/>日
                <div class=""></div>
              </div>
            </div>
            <div class="home">
              <div class="th">家乡：</div>
              <div class="td">
                <input type="text" name="infoHome" class="tt"/>
                <div class=""></div>
              </div>
            </div>
            <div class="culture">
              <div class="th">文化程度：</div>
              <div class="td">
                <input type="text"  name="infoCulture" class="tt" />
                <div class=""></div>
              </div>
            </div>

            <div class="registration">
              <input type="submit" value="保存"
                     value="" style="height:20px;width:60px;
					font-weight:bolder;
					background:#ececec;border: 1px solid #bbb;
					cursor:pointer;border-radius:0.2em;" />

            </div>
          </form>
        </div>
        <div class="tcbc4">
          4
        </div>
        <div class="tcbc5">
          5
        </div>
      </div>
    </div>

  </div>

</div>
<div id="allFooter">
  <div id="footer">
    <ul>
      <li><a href="##">关于博客</a></li>
      <li><a href="##">联系我们</a></li>
      <li><a href="##">广告服务</a></li>
      <li>&copy2017-2027</li>
      <li><a href="##">博客园</a></li>
    </ul>
  </div>
</div>
</body>
</html>
